<!DOCTYPE html>
<html>
	<head>
		<title>Result of Search</title>
		<link rel="stylesheet" href="style.css">
	</head>

	<body>
		<div class="mainFrame">
			<input class="button" type="button" value="Home"/>
			<input type="button" value="Search"/>
			<input type="button" value="Add"/> 
			<hr>
			<p class="tittle">Search Result</p>
		<div class="Frame">
			<table class="table">
				  <tr>
					<th>ID</th>
					<th>Student Name</th>
					<th>Father Name</th>
					<th>Mother Name</th>
					<th>Age</th>
					<th>Birth Date</th>
					<th>Martial Status</th>
					<th>Sex</th>
					<th>Address</th>
					<th>Zip Code</th>
					<th>Telephone (H)</th>
					<th>Telephone (M)</th>
					<th>E-Mail</th>
					<th>Course Name</th>
					<th>Duration</th>
					<th> Select(All) <input type="checkBox"></th>
				  </tr>
				  <tr>
					<td>12b3115</td>
					<td>Mohammad Hadi bin Bujang</td>
					<td>Bujang</td>
					<td>Mariam</td>
					<td>21</td>
					<td>17/09/1992</td>
					<td>Single</td>
					<td>Male</td>
					<td>Rimba</td>
					<td>BE3119</td>
					<td>-</td>
					<td>8635243</td>
					<td>hadi1709@gmail.com</td>
					<td>Computer Science</td>
					<td>4 years</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3115</td>
					<td>Mohammad Hadi bin Bujang</td>
					<td>Bujang</td>
					<td>Mariam</td>
					<td>21</td>
					<td>17/09/1992</td>
					<td>Single</td>
					<td>Male</td>
					<td>Rimba</td>
					<td>BE3119</td>
					<td>-</td>
					<td>8635243</td>
					<td>hadi1709@gmail.com</td>
					<td>Computer Science</td>
					<td>4 years</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3115</td>
					<td>Mohammad Hadi bin Bujang</td>
					<td>Bujang</td>
					<td>Mariam</td>
					<td>21</td>
					<td>17/09/1992</td>
					<td>Single</td>
					<td>Male</td>
					<td>Rimba</td>
					<td>BE3119</td>
					<td>-</td>
					<td>8635243</td>
					<td>hadi1709@gmail.com</td>
					<td>Computer Science</td>
					<td>4 years</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3115</td>
					<td>Mohammad Hadi bin Bujang</td>
					<td>Bujang</td>
					<td>Mariam</td>
					<td>21</td>
					<td>17/09/1992</td>
					<td>Single</td>
					<td>Male</td>
					<td>Rimba</td>
					<td>BE3119</td>
					<td>-</td>
					<td>8635243</td>
					<td>hadi1709@gmail.com</td>
					<td>Computer Science</td>
					<td>4 years</td>
					<td><input type="checkBox"></td>
				</tr>
				<tr>
					<td>12b3115</td>
					<td>Mohammad Hadi bin Bujang</td>
					<td>Bujang</td>
					<td>Mariam</td>
					<td>21</td>
					<td>17/09/1992</td>
					<td>Single</td>
					<td>Male</td>
					<td>Rimba</td>
					<td>BE3119</td>
					<td>-</td>
					<td>8635243</td>
					<td>hadi1709@gmail.com</td>
					<td>Computer Science</td>
					<td>4 years</td>
					<td><input type="checkBox"></td>
				</tr>
				</tr>
			</table>
			
		</div>
		<div class="bottomButton">
				<input style="background: linear-gradient(to bottom, rgb(255, 107, 107), rgb(255, 0, 0));
							border-color: rgba(255, 44, 44, 1);
							color: white;
							"
							type="button" value="Delete"/>
				<input type="button" value="Edit"/>
							<!--style="background: linear-gradient(to bottom, rgb(0, 255, 10), rgb(18, 153, 67) );
							border-color: rgba(86, 211, 27, 1);			
							color:white; "-->
							
				
							<!--style="background: linear-gradient(to bottom, rgb(255, 246, 23), rgb(255, 173, 0) );
							border-color: rgba(255, 163, 0, 1);				
							color:black; "--> 
			</div>
			<hr>
		</div>
		
	</body>
</html>